*{
	margin:0;
	padding:0;
}
body{
	width:80%;
	height:auto;
	margin:0 auto;
	
}

header{
	width:100%;
	margin-top:10px;
	height:100px;
	
}
#logo{
	float:left;
}
nav ul{
	list-style-type:none;
	
}
nav ul li{
	display:inline-block;
	position:relative;
	margin:30px 0px 0px 45px;
	position:relative;
}
nav ul li a{
	text-decoration:none;
	font-weight:bold;
	font-family:arial;
	font-size:11px;
	color:white;
	background:rgb(140,140,140);
	-webkit-border-radius:5px;
	padding:7px 20px;
	text-align:center;
	
}
nav #grater{
	padding:5px;
}
nav ul li a:hover , a:active {
	color:lime;
	text-decoration:underline;
	
}
nav ul ul{
	display:none;
	position:absolute;
	background:rgb(140,140,140);
	width:160px;
	top:28px;
}
nav ul ul li {
	margin:0px;
	padding:0px;
	line-height:23px;
	margin-top:2px;
}

nav ul li:hover  ul {
	display:block;
	
}

nav ul li a.focus:link, nav ul li a.focus:visited{
	color:lime;
	text-decoration:underline;
	
}

/* This is the container par for home image
	and left and right asides */
#container{
	width:100%;
	height:auto;
	background:rgb(245,245,245);
	background-repeat:no-repeat;
}
.clear{
	clear:both;
}
/* main container part of the body part */
#container{
	width:100%;
	height:auto;
	margin-top:5px;
}
#left_aside{
	float:left;
	width:15%;
	background:#5777b7;
	height:250px;
}
#home_img{
	float:left;
	width:70%;
	height:250px;
}
#right_aside{
	float:right;
	width:15%;
	background:#5777b7;
	height:250px;
}
/* Tools scrolling part */
.h1, #h1{
	text-align:center;
	font-size:20px;
	color:red;
	opacity:0.8;
	position:absolute;
	margin-left:25px;
}
.php,.html,.css,.jscript,.jquery,.pshop,.flash{
	padding:9px 10px 0px 10px;

}
.php{
	text-align:left;
	color:yellow;
	position:relative;
	top:5px;
}
.html{
	text-align:right;
	color:orange;
	position:relative;
	top:5px;
}
.css{
	text-align:left;
	color:black;
	position:relative;
	top:5px;
}
.jscript{
	text-align:right;
	color:lime;
	position:relative;
	top:5px;
}
.jquery{
	text-align:left;
	color:red;
	position:relative;
	top:5px;
}
.pshop{
	text-align:right;
	color:white;
	position:relative;
	top:5px;
}
.flash{
	text-align:left;
	color:yellow;
	position:relative;
	top:5px;
}
/* FOOTER DESIGNING */
#footer{
	width:100%;
	background:#5777b7;
	height:220px;
}
/* Footer of the services part */
#services{
	width:25%;
	float:left;
	height:180px;
	font-family:Open Sans, Arial, Tahoma, sans-serif;
	font-size:15px;
}
#services ul{
	margin:10px 0px 0px 50px;
}
#services ul li a{
	color:white;
	font-size:13px;
	font-weight:bolder;
	text-decoration:none;
	font-style:italic;
}
#services ul li a:hover{
	color:lime;
	text-decoration:underline;
}
#services p{
	margin-left:35px;
	font-size:19px;
	text-align:left;
	margin-top:5px;
	color:orange;
	
}
h2{
	font-size:19px;
	text-align:left;
	margin-top:5px;
	color:orange;
}
/* Footer of the Menubar part */
#menubar{
	float:left;
	width:50%;
	height:180px;
}
#menubar_ul{
	list-style-type:none;
}
#menubar_ul li{
	display:inline;
}
#menubar_ul li a{
	text-decoration:none;
	font-size:13px;
	padding:6px;
	color:white;
	font-weight:bold;
}
#menubar_ul li a:hover{
	color:lime;
	text-decoration:underline;
}

/* Footer of the Get in touch part */
#getintouch{
	width:25%;
	float:right;
	height:180px;
	font-family:Open Sans, Arial, Tahoma, sans-serif;
}
#address{
	font-family:Open Sans, Arial, Tahoma, sans-serif;
	font-size:13px;
	padding-top:10px;
	color:white;
	font-weight:bolder;
}
h3{
	font-size:15px;
	margin-bottom:5px;
}
#address p{
	margin-top:10px;
}
#address a:hover{
	color:lime;
}
#copy_right{
	font-size:10.5px;
	font-weight:bold;
	color:white;
	opacity:0.8;
	margin-left:40px;
	float:left;
}
#footer_terms {
	float:right;
	margin-right:20px;
}
#footer_terms ul{
	list-style-type:none;
}
#footer_terms ul li{
	display:inline;
}
#footer_terms ul li a{
	font-size:10.5px;
	font-weight:bold;
	color:white;
	text-decoration:none;
	padding:5px;
	opacity:0.6;
}
#footer_terms ul li a:hover{
	color:lime;
	text-decoration:underline;
}
